﻿{% extends "base.html" %}
{% block title %}Google Maps JavaScript API Example{% endblock %}

{% block head %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!--
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAhwyFw1OI0xJslvWefDe1nhSZXgRzh99Ks2H1lejFPpyX3t0SHhQcpz90YEdVsn-Xmi_5wP1RHkKNkA" type="text/javascript"></script>
-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAhwyFw1OI0xJslvWefDe1nhSZXgRzh99Ks2H1lejFPpyX3t0SHhQcpz90YEdVsn-Xmi_5wP1RHkKNkA" type="text/javascript"></script>
<script type="text/javascript">
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }
    
    $(document).ready(function(){
        initialize();
    });
</script>
<style type="text/css"></style>
{% endblock %}

{% block main %}
    <div id="map_canvas" style="width: 960px; height: 800px"></div>
{% endblock %}